//此文件夹用于存放变量
//scss文件名命名规划：被引用的文件名需要加_下划线，引用的时候文件又不需要加下划线[规范]


//色调处理 以对象形式存储—调用的时候就可以选择色调风格
$colors: ( //主色调
    primary:#db9e3f,
    //属性名和颜色冲突时，属性名要定义成字符串形式
    "white":#fff,
    "light":#f9f9f9,
    "grey":#999,
    //边框颜色
    "light-1":#d4d9de,
    "grey-1":#666,
    "dark":#222,
    "black":#000,
    "blue":blue,
    "blue-1":#4394e4,
    "red-1":rgb(203, 12, 12),

);
$border-color:map-get($colors, "light-1");
//字体大小设定 理想情况下保证只有一个基准大小为px单位，其他单位是根据基准大小来比较的rem单位
$base-font-size:1;

$font-weight:('100':100,
    '300':300,
    '400':400,
    '500':500,
    '600':600,
    '700':700,
    '900':900,
    'b':bold);


$font-sizes:(xss:.6154rem,
    /* 8px -> .6154rem */
    xs:.7692rem,
    /* 10px -> .7692rem */
    sm:.9231rem,
    /* 12px -> .9231rem */
    md:1rem,
    /* 13px -> 1rem */
    lg:1.0769rem,
    /* 14px -> 1.0769rem */
    xl:1.2308rem,
    /* 16px -> 1.2308rem */
    xxl:1.3846rem
    /* 18px -> 1.3846rem */
);

$flex-jc:( //flex-start是向主轴开始方向对齐（一般是左）
    start:flex-start, //默认
    //向主轴结束方向对齐（一般是右）
    end:flex-end,
    //居中对齐
    center:center,
    //两端对齐，项目间间隔相等
    between:space-between,
    //每个项目两侧间隔相等——两端也留有间隔
    around:space-around,
);

$flex-ai:( //向交叉轴方向对齐(一般是上)
    start:flex-start,
    //向交叉轴结束方向对齐（一般是下）
    end:flex-end,
    //交叉轴居中对齐
    center:center,
    //向第一行文字的尾部线为轴对齐
    baseline:baseline,
    //如果项目未设置高度或设为auto，将占满整个容器的高度
    stretch:stretch, //默认
);

//仿照bootstrap设置样式等级
//先把要引用类型进行自定义化定义 注意定义的时候要加 ：
$spacing-types:( //margin
    m:margin,
    //padding
    p:padding);
//方向自定义
$sapcing-directions:( //向上
    t:top,
    //向下
    b:bottom,
    //左
    r:right,
    //右
    l:left);
//尺寸自定义
//先定义一个基准的单位尺寸
$base-spacing-size:1rem;
//尺寸进行分级0-5级
$spacing-sizes:(0:0,
    0-1:0.125*$base-spacing-size,
    1:0.25*$base-spacing-size,
    2:0.5*$base-spacing-size,
    3:1*$base-spacing-size,
    4:1.5*$base-spacing-size,
    5:3*$base-spacing-size);